import styled from 'styled-components'

export const HotAnchorWrapper = styled.div`
  padding: 20px;
  .anchors {
    margin-top: 20px;
    .item {
      display: flex;
      margin-bottom: 10px;
      width: 210px;
      .image {
        img {
          width: 40px;
          height: 40px;
        }
      }
      .info {
        width: 160px;
        text-align: left;
        margin-left: 8px;
        .name {
          margin-top: 3px;
          a {
            color: #000;
          }
          a:hover {
            color: #000;
            text-decoration: underline;
          }
        }
        .position {
          color: #666;
          ${(props) => props.theme.mixin.textNoWrap}
        }
      }
    }
  }
`
